body{
  background-color: #f1f4f5 !important;
}
.list-berita .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border: none;
  &:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
  }
   a {
    color: initial;
    &:hover {
      text-decoration: initial;
    }
  }
  .list-berita .text-muted i {
    margin: 0 10px;
  }
}

.list-berita .colomn-berita{
  margin-top: 20px;
}

.search-card .card{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border: none;
}